<!DOCTYPE html>
<html>
<!-- Head -->
<head>
  <title>登录表单</title>
  <!-- Meta-Tags -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <!-- //Meta-Tags -->
  <!-- Style -->
  <link rel="stylesheet" href="../static/css/common.css" type="text/css" media="all">
</head>
<!-- //Head -->
<!-- Body -->
<body>
  <h1>XBiaoShop</h1>
  <div class="container w3layouts agileits">
    <div class="login w3layouts agileits" id="content">
      <h2>欢 迎 登 录</h2>
      <form id="myForm" action="home.html" method="post" class="pr oh">
        <input type="text" Name="Userame" placeholder="用户名" required="" v-model="loginForm.username">
        <input type="password" Name="Password" placeholder="密码" required="" v-model="loginForm.password">
        <input type="text" Name="yzm" placeholder="验证码" required="" v-model="loginForm.yzm">
        <div class="imgCode">
          <a href="javascript:void(0);">
            <img id="imgVerify" src="" alt="更换验证码"  width="100%" height="36px" onclick="getVerify(this);">
          </a>
        </div>
      </form>
      <ul class="tick w3layouts agileits">
        <li class="fl">
          <input type="checkbox" id="brand1" @click="freeOfsevenDay()" v-model="loginForm.isfree">
          <label for="brand1">
            <span></span>记住密码
          </label>
        </li>
        <li class="fr">
          <a href="/view/changePwd">忘记密码</a>
        </li>
      </ul>
      <div class="send-button w3layouts agileits">
        <input type="submit" value="登 录" @click="login()">1
      </div>
      <a href="/view/register">立即注册</a>
      <div class="social-icons w3layouts agileits">
        <p>- 其他方式登录 -</p>
        <ul>
          <li class="qq"><a href="#"> <span class="icons w3layouts agileits"></span> <span
                class="text w3layouts agileits">QQ</span></a></li>
          <li class="weixin w3ls"><a @click="weixinLogin()"> <span class="icons w3layouts"></span> <span
                class="text w3layouts agileits">微信</span></a></li>
          <li class="weibo aits"><a href="#"> <span class="icons agileits"></span> <span
                class="text w3layouts agileits">微博</span></a></li>
          <div class="clear"> </div>
        </ul>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clear" ></div>
  </div>
  <div class="footer w3layouts agileits">
    <p>Copyright &copy; 2020.XB All rights reserved.</p>
  </div>
</body>
<!-- //Body -->
<script src="../static/js/jquery-2.2.3.min.js"></script>
<script src="/static/js/layer.js"></script>
<script src="/static/js/vue.js"></script>
<script src="/static/js/axios.js"></script>
<script src="/static/js/shop/login.js"></script>
<script></script>
<script>
  // 进入页面立即触发事件。
  (()=>{
    // 兼容IE
    if(document.all) {
      document.getElementById("imgVerify").click();
    }
    // 兼容其它浏览器
    else {
      var e = document.createEvent("MouseEvents");
      e.initEvent("click", true, true);
      document.getElementById("imgVerify").dispatchEvent(e);
    }
  })();
  function getVerify(obj) {
    console.log("进入了了");
    obj.src ="/user/getVerify?"+Math.random();
  }
</script>
<script  src="/static/js/layer.js"></script>
</html>